<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>开始 | wflow文档</title>
    <meta name="generator" content="VuePress 1.8.2">
    <link rel="icon" href="/favicon.ico">
    <meta name="description" content="wflow工作流">
    
    <link rel="preload" href="/assets/css/0.styles.ce1b68d2.css" as="style"><link rel="preload" href="/assets/js/app.5597d7ea.js" as="script"><link rel="preload" href="/assets/js/2.55e01133.js" as="script"><link rel="preload" href="/assets/js/15.f57efa7f.js" as="script"><link rel="prefetch" href="/assets/js/10.a0f5f85b.js"><link rel="prefetch" href="/assets/js/11.e142bee0.js"><link rel="prefetch" href="/assets/js/12.eaf3ad2b.js"><link rel="prefetch" href="/assets/js/13.69edbca2.js"><link rel="prefetch" href="/assets/js/14.a398dcf5.js"><link rel="prefetch" href="/assets/js/16.6e62d6c4.js"><link rel="prefetch" href="/assets/js/3.006c0914.js"><link rel="prefetch" href="/assets/js/4.9591ee34.js"><link rel="prefetch" href="/assets/js/5.d03914b4.js"><link rel="prefetch" href="/assets/js/6.7037ec4a.js"><link rel="prefetch" href="/assets/js/7.2bcf5791.js"><link rel="prefetch" href="/assets/js/8.e0421f00.js"><link rel="prefetch" href="/assets/js/9.47c392ae.js">
    <link rel="stylesheet" href="/assets/css/0.styles.ce1b68d2.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><img src="/logo.png" alt="wflow文档" class="logo"> <span class="site-name can-hide">wflow文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/" class="nav-link">
  指南
</a></div><div class="nav-item"><a href="https://gitee.com/willianfu/jw-workflow-engine" target="_blank" rel="noopener noreferrer" class="nav-link external">
  码云gitee
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="http:/47.100.202.245:83" target="_blank" rel="noopener noreferrer" class="nav-link external">
  访问 wflow在线演示
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="/pro.html" class="nav-link">
  wflow-pro
</a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/" class="nav-link">
  指南
</a></div><div class="nav-item"><a href="https://gitee.com/willianfu/jw-workflow-engine" target="_blank" rel="noopener noreferrer" class="nav-link external">
  码云gitee
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="http:/47.100.202.245:83" target="_blank" rel="noopener noreferrer" class="nav-link external">
  访问 wflow在线演示
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="/pro.html" class="nav-link">
  wflow-pro
</a></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>🚀 快速入门</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/start/quickStart.html" aria-current="page" class="active sidebar-link">开始</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/start/quickStart.html#简介" class="sidebar-link">简介</a></li><li class="sidebar-sub-header"><a href="/start/quickStart.html#起步" class="sidebar-link">起步</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/start/quickStart.html#下载并启动项目" class="sidebar-link">下载并启动项目</a></li></ul></li></ul></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>✍ 开发</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/dev/project.html" class="sidebar-link">项目介绍</a></li><li><a href="/dev/form.html" class="sidebar-link">表单设计</a></li><li><a href="/dev/process.html" class="sidebar-link">流程设计</a></li><li><a href="/dev/server.html" class="sidebar-link">服务端开发指南</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>❓ FAQ</span> <!----></p> <!----></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="开始"><a href="#开始" class="header-anchor">#</a> 开始</h1> <h2 id="简介"><a href="#简介" class="header-anchor">#</a> 简介</h2> <p>wflow工作流是一个简单易用，面向普通用户的工作流系统，用户只需要接受简单的教学即可上手使用，自行创建所需的日常审批流程。</p> <hr> <p><strong>👀起因：</strong></p> <p>第一次接触工作流是由于当时公司业务部门提了一个需求，希望可以实现新产品从提出意向到开发结束的整个生命周期流程的管控，里面包含各级人员和领导等不同角色的审批，任务交接流转。于是网上搜索了一圈，发现了 <code>activiti</code>、<code>flowable</code> 这两个开源的流程引擎，功能上很强大，能满足需求，但是流程设计器上手真的比较困难，这对于普通用户来说没有经过专业人员进行辅助或者专门培训，基本很难用起来。当时公司用的是某D办公，自带的审批功能在操作一番后感觉相当的友好，遂萌生实现一套类似系统的想法。</p> <h2 id="起步"><a href="#起步" class="header-anchor">#</a> 起步</h2> <h3 id="下载并启动项目"><a href="#下载并启动项目" class="header-anchor">#</a> 下载并启动项目</h3> <div class="language-bash line-numbers-mode"><pre class="language-bash"><code><span class="token comment">#克隆源码</span>
<span class="token function">git</span> clone https://gitee.com/willianfu/jw-workflow-engine.git
<span class="token builtin class-name">cd</span> jw-workflow-engine

<span class="token comment">#修改main.js中后端接口地址，破坏这个表达式，使其为公开的服务器IP</span>
Vue.prototype.BASE_URL <span class="token operator">=</span> <span class="token string">'http://'</span> + <span class="token punctuation">(</span>process.env.NODE_ENV <span class="token operator">==</span><span class="token operator">=</span> <span class="token string">'development-'</span> ? <span class="token string">&quot;localhost&quot;</span> <span class="token builtin class-name">:</span> <span class="token string">&quot;47.100.202.245&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token comment">#小弱鸡服务器，大家不要造垃圾数据，且珍惜😘</span>

<span class="token comment">#安装依赖</span>
<span class="token function">npm</span> <span class="token function">install</span>
<span class="token comment">#启动</span>
<span class="token function">npm</span> run dev
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br></div></div><p>📢 如果启动报错请检查错误信息看看是否是依赖版本和当前所安装的 node 版本不兼容，自行安装兼容版本的依赖</p> <p>👍 启动成功后访问 http://localhost:88 即可打开页面</p> <p><img src="https://pic.rmb.bdstatic.com/bjh/3da7567c3f36a4d2178d310390bfc1f2.png" alt="image-20220720094501757"></p></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/dev/project.html">
        项目介绍
      </a>
      →
    </span></p></div> </main></div><div class="global-ui"></div></div>
    <script src="/assets/js/app.5597d7ea.js" defer></script><script src="/assets/js/2.55e01133.js" defer></script><script src="/assets/js/15.f57efa7f.js" defer></script>
  </body>
</html>
